<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/share/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>模拟考试</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="${ctx}/wechat/css/wx.css?ver=1.3" rel="stylesheet">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="${ctx}/wechat/css/layout.css?ver=1.0.3.9" rel="stylesheet">
<link href="${ctx}/wechat/css/mui.min.css" rel="stylesheet">
<link href="${ctx}/wechat/css/base.css" rel="stylesheet">
<link href="${ctx}/wechat/css/layui.css" rel="stylesheet">
<script type="text/javascript" src="${ctx}/wechat/js/jquery-1.9.1.js"></script>
<script src="${ctx}/wechat/js/layui.all.js"></script>
<script src="${ctx}/wechat/js/common.js"></script>
<link href="${ctx}/wechat/css/timu.css" rel="stylesheet">
<script src="${ctx}/wechat/js/kaoshi2.js"></script>

<script>
		var contentPath = '${ctx}';
	</script>
<script type="text/javascript">
    	var isSkill=1;
    	var Examconfig = {
    			exam: "${drivertype}",
    			examtype: "${special}",
    			infotype: "kaoshi",
    			id: "",
    			apiurl:"${ctx}/wxsubject/subjectinfo2",
    			apierr:"${ctx}/wxsubject/errorsub2"
    	};
        loadQuestion();
        var sec = 2700 ;
        var timer1;
        function load(){
            timer1 = window.setInterval(showTime,1000);
        }
     </script>
<style type="text/css">
#divAn1, #divAn2, #divAn3, #divAn4 {
	line-height: 35px;
	padding: 0;
}

.spAnswerTrue {
	background: #1fae0c;
	border-color: #1FAE0C;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 5px;
}

.spAnswerTrue:after {
	font-family: "iconfont" !important;
	content: "\e606";
	color: white;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.spAnswerFalse {
	background: #f84747;
	border-color: #f84747;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 5px;
}

.spAnswerFalse:after {
	font-family: "iconfont" !important;
	content: "\e602";
	color: white;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.STYLE2 {
	color: #000000;
}

.STYLE3 {
	color: #FF0000;
	font-weight: bold;
}
</style>
</head>
<body onLoad="load();">
	<div id="divMain" class="divFull" style="display: block;">
		<div class="divTop">
			<div>
				<a href="javascript:history.go(-1);"> <img
					src="${ctx}/wechat/img/back.png" style="height: 35px;">
				</a>
			</div>
			<div id="toptitle"
				style="width: 50%; text-overflow: clip; height: 35px;"></div>
			<div
				style="padding-left: 0; float: right; padding-right: 5px; width: 60px; height: 35px;">
				<a id="ajj" onClick="isEnd();">交卷</a>
			</div>
			<div id="divtime" style="padding-left:0; float:right; padding-right:10px; width:65px; height:35px; text-align:right;">40:49</div>
		</div>
		<div class="divContent" style="overflow: auto;">
			<div id="divQuestion"></div>
			<div style="background-color: white; width: 100%; height: 10px;"></div>
			<div id="divImg"></div>
			<div id="divAn"
				style="padding: 10px; font-size: 17px; background-color: white;">
				<div id="divAn1" onClick="ansel('1');"></div>
				<div id="divAn2" onClick="ansel('2');"></div>
				<div id="divAn3" onClick="ansel('3');"></div>
				<div id="divAn4" onClick="ansel('4');"></div>
			</div>
			<div id="divVoice"></div>
                <div id="divQuesVoice"></div>
		</div>
		<div class="divBottom" style="height: 50px;">
			<div class="test-nav">
				<div class="nav-content">
					<ul>
						<li id="LastBtn" onClick="showU();"><a> <i
								class="layui-icon">&#xe603;</i>
								<p>上一题</p>
						</a></li>
						<li id="selecttihao" onClick="panelShow();"><i
							class="layui-icon">&#xe62d;</i>
							<p>
								<span id="spcurLine">1</span>/<span id="spcountLine">1</span>
							</p></li>
						<li id="SkillBtn" onClick="playVoice();"><a> <i
								class="layui-icon">&#xe645;</i>
								<p class="STYLE3">技巧讲解</p>
						</a></li>
						<li id="SkillBtn1" onClick="playQueOption();"><a> <i
								class="layui-icon">&#xe645;</i>
								<p id="playQueOptioninfo">自动读题</p>
						</a>
						<li id="NextBtn" onClick="showD();"><a> <i
								class="layui-icon">&#xe602;</i>
								<p>下一题</p>
						</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="divPanel" class="divFull"
		style="display: none; background-color: white;">
		<div class="result" style="height: 40px;">
			<span>正确：<b class="green" id="selectright">0</b></span> <span>错误：<b
				class="red" id="selecterror">0</b></span> <span>正确率：<b
				class="orange" id="selectrate">0%</b></span> <a class="close"
				id="closeselect" onClick="panelHide();">关闭</a>
		</div>
		<div class="num">
			<ul class="fixed" id="ul_select">
			</ul>
		</div>
	</div>
	<div id="bg"></div>
	<div id="popbox">
		<div
			style="text-align: left; border-bottom: 1px solid #C8C8C8; height: 45px; width: 100%; display: table;">
			<div
				style="display: table-cell; text-align: left; line-height: 45px; width: 105px;">
				<div style="position: relative; margin-left: 10px;">一把过驾考</div>
			</div>
			<div class="STYLE1"
				style="padding-right: 20px; display: table-cell; text-align: center;">技巧讲解</div>
			<div
				style="display: table-cell; padding-right: 15px; width: 60px; text-align: right;"
				onClick="playAgin();">重播</div>
		</div>
		<div id="Skillimg"
			style="width: 100%; height: 265px; clear: left; text-align: center;"></div>
		<div style="border-top: 1px solid #C8C8C8;" onClick="stopVoice();">关闭</div>
	</div>
	<div id="bg2"></div>
	<!-- 帮助 -->
	<div id="popbox2">
		<div
			style="text-align: left; border-bottom: 1px solid #C8C8C8; height: 45px; width: 100%; display: table;">
			<div
				style="display: table-cell; text-align: left; line-height: 45px; width: 105px;">
				<div style="position: relative; margin-left: 10px;">一把过驾考</div>
			</div>
			<div
				style="padding-right: 20px; display: table-cell; text-align: center;">帮助</div>
			<div style="display: table-cell; padding-right: 20px; width: 55px;"></div>
		</div>
		<div id="divhelp"
			style="width: 100%; height: 185px; text-align: left;"></div>
		<div style="border-top: 1px solid #C8C8C8;" onClick="hidHelp();">关闭</div>
	</div>
	<!-- 帮助 end-->
	<div id="bg3" onClick="hidImgFull();"></div>
	<div id="popbox3" onClick="hidImgFull();">
		<span style="display: table-cell; vertical-align: middle;"><img
			id="imgFull" alt="没有图片" src=""></span>
	</div>
</body>
</html>
